<template>
  <div id="footer">
    <ul>
      <li>
        <a href="#">Telegram</a>
      </li>
      <li>
        <a href="#"> Discord</a>
      </li>
      <li>
        <a href="#">Twitter</a>
      </li>
      <li>
        <a href="#">Medium</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
ul {
  margin: 0;
  padding: 0;
}
#footer{
  width: 100%;
  height: 80px;
  max-width: 1200px;
  margin: 0 auto;
  ul{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    li{
      padding: 0 10px;
      a{
        color: #aa8592;
        font-size: 16px;
      }
    }
  }
}
</style>
